<template>
  <el-menu default-active="1-1" class="el-menu-vertical-demo">
    <el-sub-menu index="1">
      <template #title>
        <span>用户统计</span>
      </template>
      <el-menu-item class="tao" index="1-1" @click="router.push('/index/userStatistics/userprofile')">用户概况</el-menu-item>
      <el-menu-item class="tao" index="1-2" @click="router.push('/index/userStatistics/studenslist')">学生列表</el-menu-item>
      <el-menu-item class="tao" index="1-3" @click="router.push('/index/userStatistics/teacherlist')">老师列表</el-menu-item>
      <el-menu-item class="tao" index="1-4" @click="router.push('/index/userStatistics/listparents')">家长列表</el-menu-item>
    </el-sub-menu>
  </el-menu>
</template>
  
<script  setup>
import { useRouter } from 'vue-router'

var router = useRouter()


  // const handleOpen = (key ,keyPath) => {
  //   console.log(key, keyPath)
  // }
  // const handleClose = (key, keyPath) => {
  //   console.log(key, keyPath)
  // }
</script>
<style scoped>
element.style {
  padding-left: 20px;
}

.tao {
  margin-left: 0px;
}

.el-sub-menu .el-menu-item {
  padding: 0px;
  min-width: 160px;
}
</style>